{% extends "base.html" %}

{% block title %}Map{% endblock %}

{% block head%}
    <link href="{{ WEBMAPPER_CSS_URL }}/Text.css" rel="stylesheet" type="text/css" />
    <!--[if !IE]>
    	<link href="{{ WEBMAPPER_CSS_URL }}/NoIETextSize.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <script type="text/javascript">
        function onClickEmbed(obj)
        {
            obj.value = '<iframe style="width: 500px; height: 350px; border: 1px solid black;" src="{{ map_url }}" scrolling="no" frameborder="0"></iframe>'
            obj.select()
        }
    </script>
{% endblock%}

{% block body_attrs %}onload="init()"{% endblock %}

{% block content %}
<div class="contentbox">
    <br/>
    <div style="text-align: center; margin-left: 15px; margin-right: 15px; margin-top: 5px; margin-bottom: 5px;">
        <iframe style="width: 500px; height: 350px; border: 1px solid black;" src="{{ map_url }}" scrolling="no" frameborder="0"></iframe>
    </div>
    <div style="text-align: center;">
        Embed this map: <input type="text" size="50" name="embedtext" onclick="onClickEmbed(this)" value='<iframe style="width: 500px; height: 350px; border: 1px solid black;" src="{{ map_url }}" scrolling="no" frameborder="0"></iframe>'/><br/>
        <br />
    </div>
</div>
{% endblock %}
